<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 统计一个函数调用的次数
        // let i = 0
        // function fn() {
        //     i++
        //     console.log(`调用了${i}次`)
        // }
        // fn()
        // 这样的i是全局变量，会被改变

        // 换用闭包的方式来写
        // 闭包的另一个应用：实现数据的私有化
        // ==> 
        // 外部不能修改这个i变量，但是可以访问

        function count() {
            let i = 0
            return function () {
                i++
                console.log(`调用了${i}次`)
            }
        }
        const fn = count()
        fn()
        fn()
        fn()
        fn()
    </script>
</body>

</html>